<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>第八十四节课</title>
    <link rel="stylesheet" href="../css/common.css">
    <script type="text/javascript" src="../js/jquery.js"></script>
    <script>
        //jQuery.extend方法能够创建全局函数；
        //jQuery.fn.extend方法可以创建jQuery对象方法。
        jQuery.fn.extend({
            test: function () {
                return this.each(function () { //有return才能实现DOM.的方法
                    console.log(this.nodeName);
                });
            }
        });
        $(function () {
            $("body *").click(function () {
                $(this).test();
            });
        })
    </script>
    <style>
        body {
            font-size: 24px;
        }
    </style>
</head>
<body>
<div>div元素</div>
<p>段落元素</p>
<span>span元素</span>
</body>
</html>
